<!DOCTYPE html>
<html>
  <head>
    <title>Test 3.4 for role slider</title>
    <link rel='stylesheet' href='../css/aria_tests.css' type='text/css' media='all'>
    <script src='../js/aria_constants.js' type='text/javascript'></script>
    <link rel='stylesheet' href='../css/aria_slider.css' type='text/css' media='all'>
    <script src='../js/jquery.js'            type='text/javascript'></script>
    <script src='../js/aria_tests.js'        type='text/javascript'></script>
    <script src='../js/show_test_results.js' type='text/javascript'></script>
    <script src='results_slider_003_004.js' type='text/javascript'></script>
    <script src='../js/aria_menu.js' type='text/javascript'></script>
    <script type='text/javascript'>
      function setFocus() { 
        node = document.getElementById('test');
        node.focus();
      } // end onload function 
    </script>
  </head>
  <body id='test_003_004' onload='setFocus()'>
    <div class='nav'>
      <ul role='navigation' aria-label='slider test navigation'>
        <li><a href='../index.html'>All Tests</a></li>
        <li><a href='index.html'>slider Tests</a></li>
      </ul>
    </div>
    <h1>Test 3.4 for role slider</h1>
    <p>Test ID: test_003_004</p>
    <p class='description'><strong>Description: </strong>Slider using value-text using aria-labelledby reference for accessible name</p>
    <div class='slider'>
      <div id='test' role='slider' tabindex='0'
      aria-valuemin='0'
      aria-valuemax='10'
      aria-valuetext='Half Way'
      aria-label='Slider aria-label content'
      >&nbsp;
      </div>
    </div>
    <div class='scale'>
      <span class='min'>0</span>
      <span class='max'>10</span>
    </div>
    <div class='valuenow'>Value = 'Half Way'</div>
      <h2>Accessible Name</h2>
        <p><a href='http://www.w3.org/TR/wai-aria/roles#namecalculation'>Information on accessible name calculation</a>.</p>
        <p class='name'><strong>Calculated Accesible Name: </strong><span>Slider aria-label content </span></p>
        <table class='name' border='1px' summary='Sources of Accessible Name for Widget'>
          <caption>Sources of Accessible Name for Widget</caption>
          <thead>
            <tr>
              <th>Source</th>
              <th>Value</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th>aria-label attribute</th>
              <td>Slider aria-label content</td>
            </tr>
          </tbody>
        </table>
    <h2>Accessibility API Mappings</h2>
    <table class='api' border='1px' summary='Accessibility API Mappings'>
      <caption>Accessibility API Mappings</caption>
      <thead>
        <th>Value</th>
        <th>MSAA</th>
        <th>IAccessible2</th>
        <th>UIA</th>
        <th>ATK</th>
        <th>MAC</th>
      </thead>
      <tbody>
        <tr>
          <th>
            Role=slider
          </th>
          <td>
            <ul>
            <li>ROLE_SYSTEM_SLIDER
            </ul>
          </td>
          <td>
            <ul>
            <li>none
            </ul>
          </td>
          <td>
            <ul>
            <li>Slider
            </ul>
          </td>
          <td>
            <ul>
            <li>ATK_ROLE_SLIDER
            </ul>
          </td>
          <td>
            <ul>
            <li>AXSlider
            </ul>
          </td>
        </tr>
        <tr>
          <th>
            aria-valuemin='0'<br/>(Property)
          </th>
          <td>
            <ul>
            <li>none
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose via AccessibleValue interface. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose the Minimum property in RangeValue Control Pattern. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose via AccessibleValue interface. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Set AXMinValue attribute. See Widget values for additional information
            </ul>
          </td>
        </tr>
        <tr>
          <th>
            aria-valuemax='10'<br/>(Property)
          </th>
          <td>
            <ul>
            <li>none
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose via AccessibleValue interface. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose the Maximum property in RangeValue Control Pattern. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose via AccessibleValue interface. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Set AXMaxValue attribute. See Widget values for additional information
            </ul>
          </td>
        </tr>
        <tr>
          <th>
            aria-valuetext='Half Way'<br/>(Property)
          </th>
          <td>
            <ul>
            <li>Expose via IAccessible::get_accValue
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose in "valuetext" object attribute. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose Value property in Value Control Pattern which can co-exist with RangeValue Control Pattern. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Expose in "valuetext" object attribute. See Widget values for additional information
            </ul>
          </td>
          <td>
            <ul>
            <li>Set NSAccessibilityValueDescriptionAttribute to aria-valuetext string. See Widget values for additional information
            </ul>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
